<!doctype html>
<html class="no-js">
<head>
	<include file="Public/head"/>
</head>
<body>
	<include file="Public/header"/>

	
	<section class="container banner">
		<div class="am-g banner-index">
			<div class="am-u-lg-12">
				<div class="tempWrap">
					<ul class="banner-main">
						<volist name="carousel" id="vo">
							<li class="clone"><a href="#"><img src="{:get_cover($vo['cover_id'],$field = path)}" class="img-responsive"></a></li>
						</volist>
						</article:list>
							
					</ul>
				</div>
				<ul class="text-center banner-nav am-text-center">
					<li></li>
				</ul>
			</div>
		</div>
	</section>




	<div class="container index-main" style="padding-bottom:45px;">
		<div class="am-g am-text-center">
			<div class="am-u-lg-12 am-text-center">
				<h3 class="index-main-title-3">青年红色筑梦之旅<small>A journey of dream building</small></h3>
			</div>
		</div>
		<div class="am-g index-main-3-bottom" style="padding:0 1.5rem;">
			<div class="am-u-lg-8" style="padding:0;">
				<iframe width="100%" height="350" frameborder="0" src="https://tv.sohu.com/upload/static/share/share_play.html#107216847_336052693_0_9001_0" allowFullScreen="true"></iframe>
			</div>
			<div class="am-u-lg-4 index-dream-right">
				{$introduce_article[0]['content']}
				
			</div>
			
		</div>
	</div>
	
	<div class="container index-main" style="padding-bottom:45px;">
		<div class="am-g am-text-center">
			<div class="am-u-lg-12 am-text-center">
				<h3 class="index-main-title-3">新闻中心<small>News</small></h3>
			</div>
		</div>
		<div class="am-g index-main-3-bottom" style="padding:0 1.5rem">
			<div class="am-u-lg-8" style="padding:0;">
				<div class="am-g">
					<div class="am-u-lg-5">
						<section class="banner">
							<div class="am-g banner-index">
								<div class="am-u-lg-12">
									<div class="tempWrap">
									<ul class="banner-main">
									<volist name="news_list" id="vo"  offset="0" length='5'>
										<li><a href="{:U('Information/newscontent?id='.$vo['id'])}"><img src="{:get_cover($vo['cover_id'],$field = path)}" class="img-responsive"></a></li>
									</volist>
									</ul>
									</div>
									<ul class="text-center banner-nav am-text-center">
										
										<li class=""></li>
										
									</ul>
								</div>
							</div>
						</section>
					</div>
					<div class="am-u-lg-7">
						<div class="index-news-01 am-text-truncate"><a href="{:U('Information/newscontent?id='.$news_list[1]['id'])}">{$news_list[1]['title']}</a></div>
						<div class="index-news-all">
							<ul>
								<volist name="news_list" id="vo"  offset="0" length='5'>
									<li class="am-text-truncate"><a href="{:U('Information/newscontent?id='.$vo['id'])}">•{$vo['title']} </a></li>
								</volist>
								
							</ul>
						</div>
					</div>
				</div>

			</div>
			<div class="am-u-lg-4 index-new-right">
				<img src="{:get_cover($news_list[0]['cover_id'],$field = path)}" width="100%"/>
				<div class="index-new-right-content">
					<a href="{:U('Information/newscontent?id='.$news_list[0]['id'])}">
						<p class="index-new-right-content-title am-text-truncate">{$news_list[0]['title']}</p>
						<p class="index-new-right-content-p2">{$news_list[0]['description']}</p>
					</a>
					<a href="{:U('Information/index')}"><span id="more">more>></span></a>
				</div>
			</div>
			
		</div>
	</div>
	
	<include file="Public/footer"/>
	
	<script type="text/javascript">

		var imgSlider_html;

		function imgSlider() {

			if (typeof imgSlider_html == "undefined")
			{
				imgSlider_html	=	$('.banner-index').html();
			}
			else
			{
				$('.banner-index').html(imgSlider_html);
			}

			$('.banner-index').slide({
				'effect':		'leftLoop',
				'delayTime':	1000,
				'interTime':	3000,
				'autoPlay':		true,
				'easing':		'easeOutCubic',
				'autoPage':		true,
				'mainCell':		'.banner-main',
				'titCell':		'.banner-nav',
			});
		}

		$(function(){

			$(window).resize(function(){
				imgSlider();
			});

		});
		
		imgSlider();
	</script>
</body>
</html>